<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,  user-scalable=0" name="viewport" />                       
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" />
<title>Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- <script>
// android:adjustViewBounds="true";
// android:padding="0dip";
// android:scrollbarSize="0dip";
   /** 智能机浏览器版本信息:**/
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {//移动终端浏览器版本信息 
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
            };
        }(),language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }
        var _wb=browser.versions.android?"android":"UCBrowser";
        var _pf= (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)?"ios":"android"; 
        //判断是否移动端ios
        if(_pf=="ios"){ 
          $(document).ready(function($) {
            $(".m-btn").addClass('m-ios-btn');
            $(".m-ios-mend").css({display:'block'});
         });
        }

        $(document).ready(function($) {
            $("#J_btn").mousedown(function(){
                $(".m-btn").addClass('on');
            });
            $("#J_btn").mouseup(function(){
                $(".m-btn").removeClass('on');
            });
        
         });
</script> -->
</head>
<body>
    <!-- <div class="g-c">
        <div class="g-b">  
            <a ><img src="img/link.png" alt=""></a>  
        </div>  
    </div> -->
    <div id="mobile">
        <div class="g-wrap">
            <div class="pr_con">
                <img src="img/home.png" alt="">
                <div class="g-btn">
                <a href="">saifj</a>
                   <a class="m-btn" href=""><img src="img/down-btn.png" alt="立刻下载"></a>
                </div>
            </div>
            <div class="g-content">
                <div class="g-award">
                  <img src="img/set.png" alt="">
                  <div class="award-item f-cb">
                      <div class="award-list mt15">
                          <a href=""><img src="img/header.png" alt="">
                          <h1 class="z-tt" href="">烽火戏诸侯烽火戏诸侯烽火戏诸侯烽火戏诸侯</h1></a>
                      </div>
                      <div class="award-list w40">
                          <a  href=""><img src="img/header.png" alt="">
                          <h1 class="z-tt" href="">烽***</h1></a>
                      </div>
                      <div class="award-list mt-ml" >
                         <a href=""><img src="img/header.png" alt="">
                         <h1 class="z-tt" href="">烽***</h1></a>
                      </div>   
                  </div>
                  <div class="text_box f-cb">
                        <p class="u-tex1">已获得<br> 8000元</p> 
                        <p class="u-tex2">已获得<br> 10000元</p> 
                        <p class="u-tex3">已获得<br> 6000元</p>
                  </div>
                </div> 
                <div class="g-main">
                    <div class="m-itme" id="m-itme">
                         <ul id="g-itm">
                            <li >
                              <div class="m-meg f-cb">
                                    <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯1</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元完成《百度搜索》赚了1.0元完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                    <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯2</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元0元完成《百度搜索》赚了1.0元完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                    <div class="z-hd"  href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯3</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                 <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯4</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                 <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯5</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                 <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯6</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                 <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯7</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                            <li>
                              <div class="m-meg f-cb">
                                 <div class="z-hd" href=""><img src="img/header.png" alt=""></div>
                                    <div class="u-con">
                                        <h1 class="nickname">烽火戏诸侯8</h1>
                                        <p class="notie">完成《百度搜索》赚了1.0元</p>
                                    </div>
                              </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <script src="js/jquery-1.11.1.js"></script>
      <script>
          function autoScroll(obj){
              $(obj).find("ul").animate({
                  top:'122px'
              },400,function(){
                  var total=($(obj).find('ul').children().length)-1;
                  $(this).css({top : "0"}).find("li").eq(total).prependTo(this);
              });
          };
          setInterval('autoScroll("#m-itme")',1500);
      </script> 

</body>
</html>